@CHARSET "UTF-8";

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei";
}

p, h1, h2, h3, input {
	margin: 0;
	padding: 0;
}

.container {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: url("../images/index/bgg.jpg") no-repeat center;
}

.con {
	position: relative;
	z-index: 1;
	background: url("../images/index/xbg.png") no-repeat center;
	width: 333px;
	height: 433px;
	margin: 12% auto 0;
}

.container h2 {
	position: relative;
	z-index: 999;
	display: inline-block;
	width: 100%;
	height: 40px;
	text-align: center;
	margin: 70px 0 5px 0;
}

.main {
	width: 100%;
	height: 270px;
	margin: 0 auto;
}

.text, .text2 {
	width: 100%;
	height: 30px;
	border: solid 1px rgba(255, 255, 255, .6);
	color: #f5f5f5;
}

.text {
	margin: 15px 0 0 45px;
	width: 241px;
	height: 30px;
	margin-top: 18px;
	background: url("../images/index/ic1.png") no-repeat 0px center;
}

.text2 {
	margin: 15px 0 0 45px;
	width: 241px;
	height: 30px;
	margin-top: 18px;
	background: url("../images/index/ic2.png") no-repeat 0px center;
}

.text4 {
	width: 241px;
	height: 30px;
	font-size: 12px;
	text-align: center;
	height: 30px;
	vertical-align: middle;
    margin-top: 60px;
}

.text4 {
	width: 241px;
	height: 30px;
	font-size: 12px;
	margin-left: 45px;
	text-align: center;
	height: 30px;
	vertical-align: middle;
}

.text3 {
	float: left;
	margin: 15px 0 0 45px;
	width: 315px;
	height: 30px;
	margin-top: 18px;
	background: url("../images/index/ic3.png") no-repeat 0px center;
}

.text .formControls input, .text2 .formControls input {
	width: 186px;
	height: 30px;
	margin: 0 0 0 45px;
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
	outline: none;
	border: none;
}

.text3 .formControls input {
	float: left;
	width: 107px;
	height: 30px;
	margin: 0 0 0 45px;
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
	outline: none;
	border: none;
}

.code {
	width: 80px;
	line-height: 30px;
	height: 30px;
	float: left;
	background: #f5f5f5;
	text-align: center;
}

.btn {
	border: 1px solid black;
	width: 100px;
	height: 30px;
	color: #fff;
	background: #9dd1de;
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
	margin: 5px 0 0 115px;
	border: none;
	outline: none;
	font-family: "幼圆";
}

.btn:active {
	border: 1px solid #a1bfc2;
}

.footer{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    bottom: 30px;
}